$(function(){
  const form = layui.form
  const layer = layui.layer
  // 1.用户昵称验证 
  form.verify({
    nickname:function(value) {
      if(value.length > 6) return '昵称最多只能输入6位字符！'
    }
  })

  // 2.定义初始化渲染函数
  initUserInfo()
  function initUserInfo() {
    $.ajax({
      method:'GET',
      url:'/my/userinfo',
      success:function(res){
        if(res.status !== 0) return layer.msg(res.message)

        // 快速赋值:
          // 先给表单设置lay-filter属性
          // 再调用layui内置方法form.val(’表单lay-filter值‘，数据)
        form.val('userIfon',res.data)
      }
    })
  }

  // 3.给表单添加submit事件
  $('#formUserInfo').on('submit',function(e){
    e.preventDefault()
    const data = $(this).serialize()

    $.ajax({
      method:'POST',
      url:'/my/userinfo',
      data,
      success:function(res){
        if(res.status !== 0) return layer.msg(res.message)
        layer.msg(res.message)
        // 成功后重新渲染用户信息
        initUserInfo()
        // 通过window.parent找到当前页面的父级，再调用父级页面的方法
        window.parent.getUserInfo()
      }
    })
  })
})